<!-- Navigation -->
    <nav class="navbar navbar-inverse" id="menu" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="icon-bar"></span>
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>  
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="<?php echo base_url();?>perfilAdmin">PERFIL</a>
                    </li>
                    <li>
                        <a class="navbar-brand" href="<?php echo base_url(); ?>usuariosAdmin">USUARIOS</a>
                    </li>

                    <li>
                        <a  href="<?php echo base_url(); ?>eventosAdmin">EVENTOS</a>
                    </li>
                    <li>
                        <a href="<?php echo base_url();?>lugaresAdmin">LUGARES</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <!-- Page Content -->
    <div class="container">
        <div class="row">

            <div id="ev" style="margin-left:20%;">
                <a id="cambio">
                    <img id="ico2" style="width:40px;float:right;margin-right: 270px;margin-top: 106px;" src="<?php echo base_url(); ?>/images/iconos/lapiz.png">
                </a>
                
            <h1 class="titulo"> Datos del Usuario  <?php echo $usuario->usuario ?> </h1>

            <div accept-charset="utf-8">
                <img style="width:100px;"src="<?php echo base_url(); ?>/images/iconos/persona.jpg">

                <table >
                <tr >
                    <th class="cab">NOMBRE</th>
                    <th class="fila"><?php echo $usuario->usuario;?></th>
                </tr>
                <tr >
                    <th class="cab">APELLIDO</th>
                    <th class="fila"><?php echo $usuario->apellido;?></th>
                </tr>
                <tr >
                    <th class="cab">NOMBRE DE USUARIO</th>
                    <th class="fila"><?php echo $usuario->nombre;?></th>
                </tr>
                <tr >
                    <th class="cab">CONTRASE&Ntilde;A</th>
                    <th class="fila"><?php echo $usuario->contrasena;?></th>
                </tr>
                <tr >
                    <th class="cab">CORREO ELECTR&Oacute;NICO</th>
                    <th class="fila"><?php echo $usuario->mail;?></th>
                </tr>
                <tr >
                    <th class="cab">DIRECCI&Oacute;N</th>
                    <th class="fila"><?php echo $usuario->direccion;?></th>
                </tr>
                <tr >
                    <th class="cab">TELEFONO</th>
                    <th class="fila"><?php echo $usuario->telefono;?></th>
                </tr>
                <tr >
                    <th class="cab">FECHA DE NACIMIENTO</th>
                    <th class="fila"><?php echo $usuario->fecha_nac;?></th>
                </tr>
                <tr>
                    <th class="cab">TIPO DE USUARIO</th>
                    <th class="fila"><?php echo $usuario->tipo;?></th>
                </tr>
                
                </table>
               
                
            </div>
            </div>
        <div id="mod" style="display:none;margin-left:20%;">
            <form accept-charset="utf-8" method="post" action="/usuariosAdmin/guardarcambios">
                <h1>Modificaci&oacute;n del Usuario <?php echo $usuario->nombre; ?></h1>
                <h5>N&uacute;mero</h5>
                <input type="text" id="idForm" name="id" placeholder="<?php echo $usuario->id;?>" value=""size="50" />
                <h5>Nombre</h5>
                <input type="text" id="nameForm" name="nombre" placeholder="<?php echo $usuario->nombre;?>" value=""size="50" />
                <h5>Apellido</h5>
                <input type="text" id="apeForm" name="apellido" placeholder="<?php echo $usuario->apellido;?>" value="" size="50" />
                <h5>Nombre de Usuario</h5>
                <input type="text" id="usForm" name="usuario" value="" placeholder="<?php echo $usuario->nombre;?>" size="50" />
                <h5>Contrase&ntilde;a</h5>
                <input id="passForm" type="text" name="contrasena" placeholder="<?php echo $usuario->contrasena;?>" value="" size="50" />
                <h5>Direcci&oacute;n de Correo Electr&oacute;nico</h5>
                <input id="mailForm" type="text" name="mail" placeholder="<?php echo $usuario->mail;?>" value="" size="50" />
                <h5>Direcci&oacute;n del Usuario</h5>
                <input id="direForm" type="text" name="direccion" placeholder="<?php echo $usuario->direccion;?>" value="" size="50" />
                <h5>Tel&eacute;fono</h5>
                <input id="telForm" type="text" name="telefono" placeholder="<?php echo $usuario->telefono;?>" value="" size="50" />
                <h5>Fecha de Nacimiento</h5>
                <input id="nacForm" type="text" name="nacimiento" placeholder="<?php echo $usuario->fecha_nac;?>" value="" size="50" />
                <h5>Tipo</h5>
                <input id="tipoForm" type="text" name="tipo" placeholder="<?php echo $usuario->tipo;?>" value="" size="50" />
                <div><input id="save" type="submit" value="Guardar Cambios" onclick="guardar();"/></div> 
            </form>
        </div> 


        </div>
    </div>   
<script src="../../js/jquery-1.11.0.js"></script>
<script type="text/javascript">
    
    $(document).ready(function(){
    
        $("#cambio").click(function(){   
            $("#mod").show();
            $("#ev").hide();
        });
    });
    
    function guardar() {
        
        if($('#idForm').val()!='' && $('#nameForm').val()!='' && $('#fechaForm').val()!='' 
            && $('#horaForm').val()!='' && $('#descForm').val()!=''){            

        var dataString = 'id='+ $('#idForm').val() +'&nombre='+ $('#nameForm').val() + 
            '&fecha=' + $('#fechaForm').val() + 
            '&hora=' + $('#horaForm').val() + 
            '&descripcion=' + $('#descForm').val();  
        $.ajax({ dataType: 'json', type:"POST",url:"eventosAdmin/guardarcambios",data:dataString,
                success: function(msg){
                    // alert(msg[0].error);
                    /*if (msg[0].error)
                    {*/
                        alert ('Por favor, checkee el Email y la Contraseña');
                    /*}
                    else if (msg[0].operation == 'OK')
                    {
                        document.location.href = "/usuario/logueado";
                    }*/
                    
                }
            });
        } else {
            alert ('Verifique que todos los campos estén completos.');
        }
    }

    function cargar(id){
        if($('#nameForm').val()!='' && $('#fechaForm').val()!='' 
            && $('#horaForm').val()!='' && $('#descForm').val()!=''
             && $('#cantForm').val()!=''){            

        var dataString = 'nombre='+ $('#nameForm').val() + 
            '&fecha=' + $('#fechaForm').val() + 
            '&hora=' + $('#horaForm').val() + 
            '&descripcion=' + $('#descForm').val() + 
            '&cantPart=' + $('#cantForm').val();  
        $.ajax({ dataType: 'json', type:"POST",url:"/eventoDetalle/modificar",data:dataString,
                success: function(msg){
                    // alert(msg[0].error);
                    /*if (msg[0].error)
                    {*/
                        alert ('Por favor, checkee el Email y la Contraseña');
                    /*}
                    else if (msg[0].operation == 'OK')
                    {
                        document.location.href = "/usuario/logueado";
                    }*/
                    
                }
            });
        } else {
            alert ('Verifique que todos los campos estén completos.');
        }
    }
    
    
</script>


<style type="text/css">

.cab{
    font-size: 18px;
    width: 300px;
    font-family: sans-serif;
    /*font-size: medium;*/
    color: black;
    background: rgb(188, 171, 171);
}
.fila{
    background: rgb(234, 234, 234);
    width: 350px;
}

#lapiz{
    width:48px;
}
.titulo{
    font-size: 46px;
    color: rgb(246, 22, 22);
}
#tit{
    font-size: 46px;
    color: rgb(246, 22, 22);
}

</style>